<template>
    <!-- 柱状图 -->
    <!-- 容器-->
    <div class="barChart" ref="barChart"></div>
</template>

<script>
// 引入echarts
import * as echarts from 'echarts'
export default {
    name: "BarChart",
    mounted() {
        // 组件挂载完毕，初始化实例
        let myChart = echarts.init(this.$refs.barChart)
        myChart.setOption({
            xAxis:{
                // 隐藏X轴
                show:false,
                // 均分
                type:'category'
            },
            yAxis:{
                // 隐藏Y轴
                show:false
            },
            series:[
                {
                    type:'bar',
                    data:[10,20,40,30,50,35,40,30,20,10,50,20],
                    color:'pink'
                }
            ],
            grid:{
                left:0,
                right:0,
                top:1,
                bottom:0
            },
            // 提示信息
            tooltip:{}
        })
    }
}
</script>


<style scoped>
.barChart {
    width: 100%;
    height: 100%;
}
</style>
